/*------------------------------------*\
    1. GENERAL STYLES
\*------------------------------------*/
body {
    color: #777;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    word-wrap: break-word;
}

p:last-child { /* RESET MARGIN OF LAST P TAG */
    margin-bottom: 0;
}

ul:last-child {
    margin-bottom: 0;
}

img { /* RESPONSIVE IMAGES */
    max-width: 100%;
    height: auto;
}

::-moz-selection {
    color: #fff;
    /*background-color: #0165ab;*/
	background-color: #0165ab;
}

::selection {
    color: #fff;
    /*background-color: #0165ab;*/
	background-color: #0165ab;
}

.nav li a:hover,
.nav li a:focus,
.nav li.open a,
.nav li.open a:hover,
.nav li.open a:focus {
    background-color: transparent; /* RESET NAV HOVER AND FOCUS BACKGROUND COLOR */
}

.dropdown-menu > li > a {
    color: #555;
	border-bottom-color:#333333;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > li.active > a,
.dropdown-menu > li.active > a:hover,
.dropdown-menu > li.active > a:focus {
    /*color: #0165ab;*/
	color: #0165ab;
}

.table:last-child {
    margin-bottom: 0;
}

/* 1.1. HEADINGS */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    color: #222;
    font-family: "Lora", serif;
    font-weight: 700;
}

.bg--color-theme h1, .bg--color-theme .h1,
.bg--color-theme h2, .bg--color-theme .h2,
.bg--color-theme h3, .bg--color-theme .h3,
.bg--color-theme h4, .bg--color-theme .h4,
.bg--color-theme h5, .bg--color-theme .h5,
.bg--color-theme h6, .bg--color-theme .h6 {
    color: #fff;
}

.h1 {
    font-size: 48px;
    line-height: 68px;
}

.h2 {
    font-size: 18px;
    line-height: 28px;
}

.h3 {
    font-size: 16px;
    line-height: 26px;
}

.h4,
.h5,
.h6 {
    font-size: 14px;
    line-height: 24px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin-top: 0;
    margin-bottom: 0;
}

/* 1.2. LINKS */
a {
    color: inherit;
    -webkit-transition: color .25s, border-color .25s, background-color .25s ease-in-out;
            transition: color .25s, border-color .25s, background-color .25s ease-in-out;
}

a:hover,
a:focus,
a.active {
    color: #0165ab;
	/*color: #fff;*/
}


a, .btn-link,
a:link, .btn-link:link,
a:visited, .btn-link:visited,
a:hover, .btn-link:hover,
a:active, .btn-link:active {
    text-decoration: none;
    outline: 0;
}

/* 1.3. BUTTONS */
.btn {
    position: relative;
    padding: 6px 31px;
    border-radius: 0;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    -webkit-transition-property: color, border-color, background-color;
            transition-property: color, border-color, background-color;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease, ease, ease-in-out;
            transition-timing-function: ease, ease, ease-in-out;
    z-index: 0;
}

.btn:before {
    content: " ";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: transparent;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    z-index: -1;
}

.btn.active,
.btn:active {
    box-shadow: none; /* RESET BUTTON BOX SHADOW */
}

.btn:focus,
.btn.focus,
.btn.active.focus,
.btn.active:focus,
.btn:active.focus,
.btn:active:focus,
.btn.focus {
    outline: 0; /* RESET BUTTON OUTLINE */
}

.btn-default {
    color: #fff;
    background-color: transparent;
    /*border-color: #0165ab;*/
	border-color: #0165ab;
}

.bg--color-theme .btn-default {
    color: #222;
    background-color: transparent;
    border-color: #fff;
}

.btn-default:before {
   
	background-color: #0165ab;
}

.bg--color-theme .btn-default:before {
    background-color: #fff;
}

.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:active.focus,
.open > .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default:hover,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default.focus {
    color: #fff;
	
    background-color: transparent;
    border-color: #fff;
}

.btn-default:hover:before,
.btn-default:focus:before,
.btn-default.focus:before,
.btn-default:active:before,
.btn-default:active:hover:before,
.btn-default:active:focus:before,
.btn-default:active.focus:before,
.open > .dropdown-toggle.btn-default:before,
.open > .dropdown-toggle.btn-default:hover:before,
.open > .dropdown-toggle.btn-default:focus:before,
.open > .dropdown-toggle.btn-default.focus:before {
    background-color: #324a5e;
}

.btn-default.active {
   color: #fff;
	
    background-color: transparent;
    border-color: #324a5e;
}

.btn-default.active:before {
    background-color: #324a5e;
}

.btn-default.active:hover,
.btn-default.active:focus,
.btn-default.active.focus {
    color: #fff;
	/*color:#324a5e;*/
    background-color: transparent;
    /*border-color: #0165ab;*/
	border-color: #0165ab;
}

.bg--color-theme .btn-default.active:hover,
.bg--color-theme .btn-default.active:focus,
.bg--color-theme .btn-default.active.focus {
    color: #222;
    background-color: transparent;
    border-color: #fff;
}

.btn-default.active:hover:before,
.btn-default.active:focus:before,
.btn-default.active.focus:before {
   /* background-color: #0165ab;*/
	background-color: #0165ab;
}

.bg--color-theme .btn-default.active:hover:before,
.bg--color-theme .btn-default.active:focus:before,
.bg--color-theme .btn-default.active.focus:before {
    background-color: #fff;
}

/* 1.4. FORM GROUP */
.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 0;
    color: #999;
    font-weight: 300;
}

.form-group label span {
    display: block;
    margin-bottom: 2px;
}

/* 1.5. FORM CONTROLS */
.form-control {
    height: 40px;
    padding: 9px 15px;
    color: #222;
    background-color: transparent;
    border-color: #eee;
    border-radius: 0;
    box-shadow: none;
    outline: 0;
}

.form-control:focus {
    /*border-color: #0165ab;*/
	border-color: #0165ab;
    box-shadow: none;
}

textarea.form-control {
    height: auto;
    min-height: 100px;
    resize: vertical;
}

/* 1.6. PLACEHOLDERS */
::-webkit-input-placeholder {
    color: #999;
    font-weight: 300;
}

::-moz-placeholder {
    color: #999;
    font-weight: 300;
}

:-ms-input-placeholder {
    color: #999;
    font-weight: 300;
}

:-moz-placeholder {
    color: #999;
    font-weight: 300;
}

/*------------------------------------*\
    2. HELPER CLASSES
\*------------------------------------*/
/* 2.1. BACKGROUND COLOR */
.bg--color-theme {
    color: #fff;
    background-color: #0165ab;
	background-color: #0165ab;
}

.bg--color-lightgray {
    background-color: #f9f9f9;
}

/* 2.2. BACKGROUND IMAGE */
.bg--img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* 2.3. BACKGROUND OVERLAY */
.bg--overlay {
    position: relative;
    z-index: 0;
}

.bg--overlay:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    z-index: -1;
}

.bg--overlay-10:before {
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.bg--overlay-50:before {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.bg--overlay-95:before {
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

.bg--overlay-off:before {
    display: none;
}

/* 2.4. MARGINS */
.mtop--10 {
    margin-top: 10px;
}
.mtop--30 {
    margin-top: 30px;
}
.mtop--40 {
    margin-top: 40px;
}
.mtop--60 {
    margin-top: 60px;
}

.fm {
    margin-right: 5px;
}

/* 2.5. PADDINGS */
.pbottom--30 {
    padding-bottom: 15px;
}
.pbottom--60 {
    padding-bottom: 15px;
}
.pbottom--100 {
    padding-bottom: 25px;
}

.pd--80-0 {
    padding: 20px 0;
}
.pd--100-0 {
    padding: 25px 0;
}

.pd--100-0-40 {
    padding: 25px 0 10px;
}
.pd--100-0-70 {
    padding: 25px 0 18px;
}
.pd--170-0-110 {
    padding: 44px 0 28px;
}
.pd--180-0-80 {
    padding: 45px 0 20px;
}

/* 2.6. FLOATS */
.float--left {
    float: left;
}

.float--right {
    float: right;
}

.float--none {
    float: none;
}

/* 2.7. RESET GUTTER */
.reset--gutter {
    margin-left: 0;
    margin-right: 0;
}

.reset--gutter > [class*='col-'] {
    padding-left: 0;
    padding-right: 0;
}

.reset--padding {
    padding-left: 0;
    padding-right: 0;
}

/* 2.8. VERTICAL CENTERING */
.vc--parent {
    width: 100%;
    height: 100%;
    display: table;
}

.vc--child {
    display: table-cell;
    vertical-align: middle;
}

.vc--child-bottom {
    display: table-cell;
    vertical-align: bottom;
}

.row--vc > div {
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.row--vb > div {
    float: none;
    display: table-cell;
    vertical-align: bottom;
}

/* 2.9. UNDERLINE */
.underline {
    position: relative;
}

.underline:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50px;
    height: 1px;
    background-color: #0165ab;
	background-color: #0165ab;
}

/*------------------------------------*\
    3. COMPONENTS
\*------------------------------------*/
/* 3.1. PRELOADER */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0165ab;
    z-index: 9999 !important;
}

/* 3.2. SECTION TITLE */
.section--title {
    position: relative;
    margin-bottom: 60px;
    padding-bottom: 16px;
    text-align: center;
}

.section--title-left {
    text-align: left;
}

.section--title:before,
.section--title:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50px;
    height: 1px;
    margin: 0 auto;
    background-color: #324a5e;
}

.section--title:after {
    bottom: 6px;
    max-width: 150px;
}

.section--title-left:before,
.section--title-left:after {
    margin: 0;
}

.section--title .h2 {
    margin-top: -8px;
    font-size: 30px;
    line-height: 45px;
}

.section--main {
    position: relative;
    margin-bottom: 60px;
}

/* 3.3. PAGINATION */
.pagination {
    display: block;
    margin: 0;
    font-size: 0;
    line-height: 0;
}

.pagination > li {
    display: inline-block;
    margin-top: 5px;
}

.pagination > li > a,
.pagination > li > span {
    position: relative;
    min-width: 40px;
    margin: 0 5px;
    padding: 6px 10px;
    color: #222;
    border-color: #0165ab;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    text-align: center;
    z-index: 0;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:focus {
    color: #fff;
    background-color: transparent;
    border-color: #0165ab;
}

.pagination > li > a:before,
.pagination > li > span:before {
    content: " ";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background-color: transparent;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    z-index: -1;
}

.pagination > li > a:hover:before,
.pagination > li > a:focus:before,
.pagination > li.active > a:before,
.pagination > li.active > a:hover:before,
.pagination > li.active > a:focus:before,
.pagination > li > span:hover:before,
.pagination > li > span:focus:before,
.pagination > li.active > span:before,
.pagination > li.active > span:hover:before,
.pagination > li.active > span:focus:before {
    background-color: #0165ab;
}

.pagination > li.disabled > a:before,
.pagination > li.disabled > a:hover:before,
.pagination > li.disabled > a:focus:before,
.pagination > li.disabled > span:before,
.pagination > li.disabled > span:hover:before,
.pagination > li.disabled > span:focus:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-radius: 0;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-radius: 0;
}

/* 3.4. OWL NAV */
.owl-nav > div {
    position: absolute;
    top: 50%;
    left: -15px;
    min-width: 80px;
    margin-top: -50px;
    padding: 17px 0;
    color: #0165ab;
    background-color: #fff;
    font-size: 36px;
    line-height: 46px;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    -webkit-transition: color .25s, opacity .25s ease-in-out;
    transition: color .25s, opacity .25s ease-in-out;
    text-align: center;
}

.owl-nav > .owl-next {
    left: auto;
    right: -15px;
}

.owl-carousel:hover .owl-nav > div {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* 3.5. OWL DOTS */
.owl-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.owl-dot {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background-color: #fff;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
}

.owl-dot.active {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/* 3.6. PRODUCT QUANTITY */
.product--quantity form {
    margin-top: -10px;
    font-size: 0;
    line-height: 0;
}

.product--quantity .ui-spinner {
    max-width: 60px;
    margin-top: 10px;
    margin-right: 10px;
    padding: 0;
    color: #999;
    border-color: #0165ab;
    border-radius: 0;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
}

.product--quantity .ui-spinner-input {
    width: 100%;
    margin: 0;
    padding: 7px 20px 7px 0;
    text-align: center;
    outline: 0;
}

.product--quantity .ui-spinner-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    height: 50%;
    color: #222;
    font-size: 12px;
    line-height: 22px;
    cursor: pointer;
}

.product--quantity .ui-spinner-button:before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #ccc;
    font-family: "FontAwesome";
    line-height: 6px;
    text-align: center;
}

.product--quantity .ui-spinner-button:active:before {
    color: #0165ab;
}

.product--quantity .ui-spinner-down:before {
    top: 0;
    bottom: auto;
}

.product--quantity .ui-spinner-down {
    top: auto;
    left: auto;
    right: 0;
    bottom: 0;
}

.product--quantity .ui-spinner-up:before {
    content: "\f0d8";
}

.product--quantity .ui-spinner-down:before {
    content: "\f0d7";
}

.product--quantity .btn {
    margin-top: 10px;
    margin-right: 10px;
    padding-left: 12px;
    padding-right: 12px;
}

.product--quantity button[type="submit"] .fa {
    margin-right: 8px;
}

.product--quantity .btn[type="submit"] {
    padding-left: 20px;
    padding-right: 20px;
}

.product--quantity .btn.active:not(:hover) {
    color: #999;
    border-color: #0165ab;
}

.product--quantity .btn.active:not(:hover):before {
    background-color: transparent;
}

/* 3.7. COMMENT TITLE */
.comment--title {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 18px;
    font-size: 18px;
    line-height: 28px;
}

.comment--title:before,
.comment--title:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50px;
    height: 1px;
    background-color: #324a5e;
}

.comment--title:after {
    max-width: 150px;
    bottom: 6px;
}

/* 3.8. COMMENT LIST */
.comment--items {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.comment--items:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: #eee;
}

.comment--items ul {
    margin: 30px 0 0;
    padding: 0 0 0 80px;
    list-style: none;
}

.comment--items li + li {
    margin-top: 30px;
}

.comment--item .img {
    float: left;
    margin-right: 20px;
}

.comment--item .content {
    margin-top: 12px;
    overflow: hidden;
}

.comment--item .content .header {
    position: relative;
    font-size: 0;
    line-height: 0;
}

.comment--item .content .header .h4 {
    display: inline-block;
    margin-top: 5px;
    margin-right: 20px;
    color: #555;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.comment--item .content .header .date {
    display: inline-block;
    color: #999;
    font-size: 12px;
    line-height: 22px;
}

.comment--item .content .header .rating {
    margin: 6px -2px 0;
    font-size: 0;
    line-height: 0;
}

.comment--item .content .header .rating .fa {
    margin: 0 2px;
    color: #999;
    font-size: 14px;
    line-height: 24px;
}

.comment--item .content .header .reply {
    margin-top: 10px;
    color: #999;
    font-size: 14px;
    line-height: 18px;
}

.comment--item .content .header .reply .fa {
    margin-right: 8px;
}

.comment--item .content .body {
    padding-bottom: 25px;
    border-bottom: 1px solid #eee;
}

.comment--item .content .header + .body {
    margin-top: 21px;
}

/* 3.9. COMMENT FORM */
.comment--list + .comment--form {
    margin-top: 26px;
}

.comment--form .comment--title {
    margin-bottom: 24px;
}

.comment--form .rating {
    margin-top: -1px;
    margin-bottom: 13px;
}

.comment--form .rating label {
    margin-right: 10px;
    margin-bottom: 0;
    color: #222;
    font-weight: 500;
}

.comment--form .rating .br-wrapper {
    display: inline-block;
}

.comment--form .rating .br-widget a {
    display: inline-block;
    margin-right: 9px;
}

.comment--form .rating .br-widget a:last-child {
    margin-right: 0;
}

.comment--form .rating .br-widget a:after {
    color: #0165ab;
    font-size: 14px;
}

.comment--form .rating .br-widget a[data-rating-value="0"] {
    display: none;
}

/*------------------------------------*\
    4. WIDGETS
\*------------------------------------*/
.sidebar--widgets .widget {
    padding: 30px;
    background-color: #fafafa;
}

.sidebar--widgets .widget + .widget {
    margin-top: 30px;
}

/* 4.1. WIDGET LOGO */
.widget--logo {
    margin-bottom: 30px;
}

/* 4.2. WIDGET TITLE */
.widget--title .h4 {
    margin-bottom: 30px;
    padding-bottom: 12px;
    border-bottom: 1px solid;
    font-size: 18px;
    line-height: 28px;
}

.sidebar--widgets .widget--title .h4 {
    position: relative;
    padding-bottom: 19px;
    border-bottom-width: 0;
}

.sidebar--widgets .widget--title .h4:before,
.sidebar--widgets .widget--title .h4:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50px;
    height: 1px;
    background-color: #324a5e;
}

.sidebar--widgets .widget--title .h4:after {
    max-width: 150px;
    bottom: 6px;
}

/* 4.3. ABOUT WIDGET */
.about--widget .content {
    font-weight: 300;
}

.about--widget .action {
    /*color: #fff;*/
	color: #000;
    font-weight: 500;
}

.about--widget .content + .action {
    margin-top: 19px;
}

.about--widget .action a .fa {
    margin-left: 8px;
}

/* 4.4. LINKS WIDGET */
.links--widget .nav li + li {
    margin-top: 10px;
}

.links--widget .nav li a {
    padding: 0;
    overflow: hidden;
}

.links--widget .nav li a:before {
    content: "\f178";
    display: inline-block;
    margin-left: 1px;
    margin-right: 8px;
    font-family: "FontAwesome";
}

.sidebar--widgets .links--widget .nav li + li {
    margin-top: 4px;
}

.sidebar--widgets .links--widget .nav li a:before {
    content: "\f114";
    display: inline-block;
    width: 15px;
}

.sidebar--widgets .links--widget .nav li a:hover:before {
    content: "\f115";
}

.sidebar--widgets .links--widget .nav li a span {
    float: right;
}

/* 4.5. RECENT POSTS WIDGET */
.recent-posts--widget li + li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid;
}

.recent-posts--widget .title {
    font-weight: 300;
}

.recent-posts--widget .title + .date {
    margin-top: 10px;
}

.sidebar--widgets .recent-posts--widget {
    margin-left: -30px;
    margin-right: -30px;
}

.sidebar--widgets .recent-posts--widget li {
    padding-left: 30px;
    padding-right: 30px;
}

.sidebar--widgets .recent-posts--widget li + li {
    margin-top: 7px;
    padding-top: 9px;
    border-color: #eee;
}

.sidebar--widgets .recent-posts--widget .cat {
    margin-bottom: 2px;
    color: #999;
    font-weight: 500;
}

.sidebar--widgets .recent-posts--widget .title {
    font-family: "Lora", serif;
    font-weight: 700;
}

.sidebar--widgets .recent-posts--widget .date {
    color: #999;
}

.sidebar--widgets .recent-posts--widget .title + .date {
    margin-top: 3px;
}

/* 4.6. CONTACT WIDGET */
.contact--widget .content {
    font-weight: 300;
}

.contact--widget .content + .info {
    margin-top: 20px;
}

.contact--widget .info li + li {
    margin-top: 8px;
}

.contact--widget .info li span {
    display: inline-block;
    margin-right: 5px;
    /*color: #0165ab;*/
	color: #000;
}

.contact--widget .info li a {
    display: inline-block;
    padding: 0;
}

/* 4.7. TAB NAV WIDGET */
.tab-nav--widget {
    color: #555;
    background-color: #fafafa;
    border: 1px solid #0165ab;
}

.tab-nav--widget .section--title {
    margin-bottom: 15px;
    padding-bottom: 19px;
}

.tab-nav--widget .section--title .h2 {
    margin: 22px 20px 0;
    font-size: 18px;
    line-height: 28px;
}

.tab-nav--widget .nav {
    margin: 0 0 15px;
    font-family: "Lora", serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
}

.tab-nav--widget .nav li a {
    padding: 8px 20px 12px;
    border-bottom: 1px solid #eee;
}


.tab-nav--widget .nav li:last-child a {
    border-bottom-width: 0;
}

.tab-nav--widget .nav li.active a {
    color: #0165ab;
}

/* 4.8. TAGS WIDGET */
.tags--widget {
    margin: 0 -2px;
    padding: 0;
    list-style: none;
}

.tags--widget li {
    display: inline-block;
    margin: 0 2px;
}

.tags--widget li a {
    text-decoration: underline;
}

.sidebar--widgets .tags--widget {
    margin-top: -10px;
    color: #999;
}

.sidebar--widgets .tags--widget li {
    margin: 10px 3px 0;
}

.sidebar--widgets .tags--widget li a {
    display: block;
    padding: 8px 20px;
    background-color: #f0f0f0;
    text-decoration: none;
}

.sidebar--widgets .tags--widget li a:hover,
.sidebar--widgets .tags--widget li a:focus {
    color: #fff;
    background-color: #0165ab;
}

/* 4.9. SOCIAL WIDGET */
.social--widget {
    margin: 0 -3px;
    padding: 0;
    list-style: none;
}

.social--widget li {
    display: inline-block;
    margin: 0 3px;
}

.sidebar--widgets .social--widget {
    margin: 0;
}

.sidebar--widgets .social--widget li {
    display: block;
    margin: 0;
}

.sidebar--widgets .social--widget li + li {
    margin-top: 4px;
}

.sidebar--widgets .social--widget li a .fa {
    min-width: 18px;
    margin-right: 10px;
}

/* 4.10. SEARCH WIDGET */
.search--widget .input-group {
    position: relative;
    z-index: 0;
}

.search--widget .form-control {
    padding-left: 30px;
    padding-right: 0;
    border-color: transparent;
}

.search--widget .form-control:focus {
    border-color: transparent;
}

.search--widget .input-group-btn {
    position: static;
}

.search--widget .input-group-btn:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    -webkit-transition: border-color .25s;
    transition: border-color .25s;
    z-index: -1;
}

.search--widget input:focus + .input-group-btn:before {
    border-color: #0165ab;
}

.search--widget .input-group-btn button {
    padding: 8px 30px;
    color: #999;
    background-color: transparent;
    border: 0;
    font-size: 14px;
    line-height: 24px;
    -webkit-transition: color .25s;
    transition: color .25s;
    outline: 0;
}

.search--widget .input-group-btn button:hover {
    color: #0165ab;
}

/* 4.11. CART WIDGET */
.cart--widget .nav {
    margin: -15px -30px;
}

.cart--widget .nav li {
    position: relative;
    padding: 15px 30px;
    color: #999;
    border-bottom: 1px solid #eee;
}

.cart--widget .nav li:last-child {
    border-bottom-width: 0;
}

.cart--widget .nav li:before,
.cart--widget .nav li:after {
    content: " ";
    display: table;
}

.cart--widget .nav li:after {
    clear: both;
}

.cart--widget .nav li .img {
    float: left;
    margin-right: 10px;
}

.cart--widget .nav li .img a {
    display: block;
    position: relative;
    z-index: 0;
}

.cart--widget .nav li .img a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0165ab;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index: 1;
}

.cart--widget .nav li .img a:hover:before {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.cart--widget .nav li .info {
    overflow: hidden;
}

.cart--widget .nav li .info .h5 {
    margin-top: -7px;
    font-size: 16px;
    line-height: 26px;
}

.cart--widget .nav li .info p {
    margin-top: 3px;
    color: #0165ab;
}

.cart--widget .nav li .remove {
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -12px;
    padding: 0;
}

/*------------------------------------*\
    5. HEADER SECTION
\*------------------------------------*/
/* 5.1. HEADER TOPBAR */
.header--topbar {
    padding: 14px 0 12px;
    /*color: #ddd;*/
	color: #fff;
   /* background-color: #324a5e;*/
	background-color: #0165ab;
}

.header--topbar .nav > li {
    float: left;
}

.header--topbar .nav > li > a {
    display: inline-block;
    padding: 0;
}

.header--topbar .nav > li > a span {
    color: #0165ab;
}

.header--topbar .social > li + li {
    margin-left: 25px;
}

.header--topbar .register > li > span {
    display: inline-block;
    margin: 0 4px;
}

.header--topbar .cart {
    position: relative;
    margin-left: 62px;
}

.header--topbar .cart > li:before {
    content: "|";
    position: absolute;
    left: -33px;
}

/* 5.2. HEADER NAVBAR */
.header--navbar {
    margin-bottom: 0;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    z-index: 999;
}

.is-sticky .header--navbar {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.header--navbar .container {
    position: relative;
}

.header--navbar .navbar-toggle {
    position: relative;
    margin: 20px 0;
    padding: 12px 13px;
    border-color: #324a5e;
    border-radius: 0;
    -webkit-transition: border-color .25s;
    transition: border-color .25s;
    cursor: pointer;
    z-index: 0;
}

.header--navbar .navbar-toggle:before {
    content: " ";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #324a5e;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    z-index: -1;
}

.header--navbar .navbar-toggle.collapsed {
    border-color: #0165ab;
}

.header--navbar .navbar-toggle.collapsed:before {
    background-color: #0165ab;
}

.header--navbar .navbar-toggle .icon-bar {
    background-color: #fff;
}

.header--navbar .navbar-brand {
    margin-top: 15px;
    margin-bottom: 15px;
    padding-top: 0;
    padding-bottom: 0;
}

.header--navbar .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.header--nav-links {
    margin: 0 -15px;
    color: #222;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.header--nav-links > li {
    float: left;
    margin: 0 15px;
}

.header--nav-links > li > a {
    padding: 27px 0 25px;
    border-bottom: 2px solid transparent;
}

.header--nav-links > li.active > a {
    color: #0165ab;
}

.header--nav-links > li > a:hover,
.header--nav-links > li > a:focus,
.header--nav-links > li.active > a,
.header--nav-links > li.open > a,
.header--nav-links > li.open > a:hover,
.header--nav-links > li.open > a:focus {
    /*border-color: #0165ab;*/
	border-color: #fff;
}

.header--nav-links > li > a > i {
    margin-left: 4px;
}

.header--nav-links > .dropdown > .dropdown-menu {
    left: 0;
    right: auto;
    margin-top: 0;
    padding: 15px 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
	
}

.header--nav-links > .dropdown > .dropdown-menu > li > a {
    padding: 12px 20px;
}

.header--nav-links > .megamenu {
    position: static;
}

.header--nav-links > .megamenu > .dropdown-menu {
    position: absolute;
    left: 15px;
    right: 15px;
    padding: 24px 0 21px;
    color: #555;
    background-size: contain;
    font-weight: 400;
    overflow: hidden;
}

.header--nav-links > .megamenu > .dropdown-menu > .nav {
    padding: 0;
}

.header--nav-links > .megamenu > .dropdown-menu > .nav > .dropdown-header {
    margin-bottom: 23px;
    padding: 0 15px 3px;
    color: #222;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.header--nav-links > .megamenu > .dropdown-menu > .nav > .dropdown-header:before {
    margin: 0 15px;
}

.header--nav-links > .megamenu > .dropdown-menu > .nav > li > a {
    padding-top: 0;
    padding-bottom: 0;
}

.header--nav-links > .megamenu > .dropdown-menu > .nav > li.active > a {
    color: #0165ab;
}

.header--btn {
    margin: 20px 0 20px 30px;
}

/*------------------------------------*\
    6. PAGE HEADER SECTION
\*------------------------------------*/
.page-header--section {
    text-align: center;
}

.page-header--section .breadcrumb {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    font-size: 16px;
    line-height: 26px;
}
.page-header--section .breadcrumb a:hover{color: #999999; }

.page-header--section .breadcrumb li.active {
    color: #000;
    font-weight: 500;
}

.page-header--section .breadcrumb li + li:before {
    content: "|";
    padding: 0 9px 0 5px;
    color: #fff;
}

.page-header--section .breadcrumb li a:hover,
.page-header--section .breadcrumb li a:focus {
    color: #324a5e;
}

.page-header--section .breadcrumb + .title {
    margin-top: 16px;
}

.page-header--section .title .h1 {
    font-size: 36px;
    line-height: 46px;
}

/*------------------------------------*\
    7. BANNER SECTION
\*------------------------------------*/
/* 7.1. BANNER CONTENT */
.banner--content {
    margin-bottom: 60px;
}

.banner--content .title {
    margin: 16px 0 20px;
}

.banner--content .button {
    margin-top: 27px;
}

/* 7.2. BANNER IMAGE */
.banner--img {
    margin-bottom: 60px;
}

/*------------------------------------*\
    8. CHECKER SECTION
\*------------------------------------*/
.checker--section {
    position: relative;
    z-index: 0;
}

.checker--section:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50%;
    background-color: #0165ab;
    z-index: -1;
}

/* 8.1. CHECKER FORM */
.checker--form {
    padding: 42px 80px 50px;
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.checker--form .title {
    margin-bottom: 27px;
}

.checker--form .title .h2 {
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}

.checker--form .form-group {
    margin-bottom: 0;
}

.checker--form .input-group-btn .btn {
    margin-left: 30px;
}

/*------------------------------------*\
    9. ABOUT SECTION
\*------------------------------------*/
/* 9.1. ABOUT FAQ */
.about--faq .panel-group {
    margin-bottom: 0;
}

.about--faq .panel {
    background-color: #eee;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.about--faq .panel-group .panel+.panel {
    margin-top: 10px;
}

.about--faq .panel-heading {
    padding: 0;
    border-radius: 0;
}

.about--faq .panel-title {
    padding: 8px 20px 7px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
    cursor: pointer;
}

.about--faq .panel-title:before {
    content: "\f068";
    margin-right: 10px;
    color: #777;
    font-family: "FontAwesome";
    font-size: 14px;
    line-height: 24px;
}

.about--faq .panel-title.collapsed:before {
    content: "\f067";
}

.about--faq .panel-group .panel-heading + .panel-collapse .panel-body {
    border-color: #ccc;
}

.about--faq .panel-body {
    padding: 15px 15px 15px 45px;
}

/* 9.2. ABOUT SKILLS */
.about--skills .progress {
    position: relative;
    height: auto;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    z-index: 0;
}

.about--skills .progress:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 10px;
    background-color: #f0f0f0;
    z-index: -1;
}

.about--skills .progress + .progress {
    margin-top: 30px;
}

.about--skills .progress .h4 {
    margin-top: -5px;
    font-weight: normal;
}

.about--skills .progress .h4 span {
    margin-left: 8px;
}

.about--skills .progress-bar {
    float: none;
    height: 10px;
    margin-top: 6px;
    background-color: #0165ab;
    box-shadow: none;
}

/*------------------------------------*\
    10. FEATURES SECTION
\*------------------------------------*/
/* 10.1. FEATURE ITEM */
.feature--item {
    position: relative;
    margin-bottom: 60px;
    padding: 148px 16px 52px;
    color: #fff;
    border: 1px solid #0165ab;
    -webkit-transition: border-color .55s;
    transition: border-color .55s;
    text-align: center;
    z-index: 0;
}

.feature--item:hover,
.feature--item.active {
    border-color: #324a5e;
}

.feature--item:before {
    content: " ";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #0165ab;
    -webkit-transition: background-color .55s;
    transition: background-color .55s;
    z-index: -1;
}

.feature--item:hover:before,
.feature--item.active:before {
    background-color: #324a5e;
}

.feature--item .icon {
    position: absolute;
    top: 56px;
    left: 0;
    right: 0;
    width: 70px;
    margin: 0 auto;
    padding: 1px;
    border: 1px solid #0165ab;
    line-height: 66px;
    -webkit-transition: top .55s ease-in-out;
    transition: top .55s ease-in-out;
    z-index: 0;
}

.feature--item:hover .icon,
.feature--item.active .icon {
    top: -35px;
}

.feature--item .icon:before {
    content: " ";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    background-color: #0165ab;
    z-index: -1;
}

.feature--item > .title {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
}

.feature--item:hover > .title,
.feature--item.active > .title {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}

.feature--item .title .h4 {
    color: #fff;
    font-size: 18px;
    line-height: 28px;
}

.feature--item .flipped {
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0 15px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-property: top, opacity, visibility;
    transition-property: top, opacity, visibility;
    -webkit-transition-duration: .55s;
            transition-duration: .55s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
}

.feature--item:hover .flipped,
.feature--item.active .flipped {
    top: 50%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

/*------------------------------------*\
    11. INTRO SECTION
\*------------------------------------*/
/* 11.1. INTRO CONTENT */
.intro--content .list {
    margin-top: 20px;
}

.intro--content .list .nav {
    color: #555;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.intro--content .list .nav > li a:before {
    content: "\f101";
    margin-right: 8px;
    font-family: "FontAwesome";
}

.intro--content .list .nav li + li {
    margin-top: 8px;
}

.intro--content .buttons {
    margin-top: 12px;
    font-size: 0;
    line-height: 0;
}

.intro--content .buttons .btn {
    margin-top: 15px;
    margin-right: 30px;
}

/* 11.2. INTRO VIDEO */
.intro--video {
    position: relative;
    color: #fff;
    text-align: center;
    z-index: 0;
}

.intro--video a {
    display: block;
    position: relative;
    padding: 4px;
    border: 1px solid transparent;
    border-radius: 50%;
    -webkit-transition: border-color .55s;
    transition: border-color .55s;
    z-index: 0;
}

.intro--video a:hover,
.intro--video a:focus {
    border-color: #0165ab;
}

.intro--video a:before {
    content: " ";
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    background-color: #0165ab;
    border-radius: 50%;
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out, -webkit-transform .55s ease-in-out;
    transition: opacity .25s ease-in-out, -webkit-transform .55s ease-in-out;
    transition: opacity .25s ease-in-out, transform .55s ease-in-out;
    transition: opacity .25s ease-in-out, transform .55s ease-in-out, -webkit-transform .55s ease-in-out;
    z-index: 0;
}

.intro--video a:hover:before,
.intro--video a:focus:before {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.intro--video .fa {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -20px;
    font-size: 30px;
    line-height: 40px;
    z-index: 1;
}

.intro--video .fa:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 4px;
    right: 0;
    width: 125px;
    height: 125px;
    margin: -45px auto 0;
    background-color: #0165ab;
    border-radius: 50%;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    z-index: -1;
}

.intro--video a:hover .fa:after,
.intro--video a:focus .fa:after {
    background-color: #fff;
}

/*------------------------------------*\
    12. SERVICES SECTION
\*------------------------------------*/
.services--section .section--footer {
    margin-top: -20px;
}

/* 12.1. SERVICE ITEM */
.service--item {
    margin-bottom: 52px;
}

.service--item .header {
    padding-left: 30px;
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: #0165ab;
}

.service--item .header .title .h4 {
    font-size: 18px;
    line-height: 28px;
}

.service--item .header .icon + .title {
    margin-top: 19px;
}

.service--item .header + .body {
    margin-top: 17px;
}

/* 12.2. SERVICE DETAILS */
.service--details {
    padding-right: 30px;
    border-right: 1px solid #eee;
}

.service--details .img + .title {
    margin-top: 23px;
}

.service--details .title .h2 {
    color: #0165ab;
}

.service--details .title + .content {
    margin-top: 17px;
}

.service--details .content h1,
.service--details .content h2,
.service--details .content h3,
.service--details .content h4,
.service--details .content h5,
.service--details .content h6 {
    color: #555;
}

.service--details .content h1,
.service--details .content h2,
.service--details .content h3 {
    margin-bottom: 17px;
}

.service--details .content h3 {
    font-size: 16px;
    line-height: 26px;
}

/*------------------------------------*\
    13. PRICING SECTION
\*------------------------------------*/
/* 13.1. PRICING ITEM */
.pricing--item {
    margin-bottom: 60px;
    padding: 0 0 30px;
    border: 1px solid #ccc;
    -webkit-transition-property: border-color, box-shadow, background-color;
    transition-property: border-color, box-shadow, background-color;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    text-align: center;
}

.pricing--item:hover,
.pricing--item.active {
    background-color: #f9f9f9;
    border-color: transparent;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
}

.pricing--item .title {
    position: relative;
    padding-top: 24px;
    z-index: 0;
}

.pricing--item .title:before {
    content: " ";
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    bottom: 0;
    background-color: transparent;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    z-index: -1;
}

.pricing--item:hover .title:before,
.pricing--item.active .title:before {
    background-color: #0165ab;
}

.pricing--item .title .h3 {
    font-size: 24px;
    line-height: 34px;
    -webkit-transition: color .25s;
    transition: color .25s;
}

.pricing--item:hover .title .h3,
.pricing--item.active .title .h3 {
    color: #fff;
}

.pricing--item .title .h4 {
    font-size: 18px;
    line-height: 28px;
    font-weight: normal;
    -webkit-transition: color .25s;
    transition: color .25s;
}

.pricing--item:hover .title .h4,
.pricing--item.active .title .h4 {
    color: #fff;
}

.pricing--item .title .h3 + .h4 {
    margin-top: 6px;
}

.pricing--item .icon {
    position: relative;
    padding-top: 27px;
    padding-bottom: 31px;
    z-index: 0;
}

.pricing--item .icon:before {
    content: " ";
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 50%;
    background-color: transparent;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    z-index: -1;
}

.pricing--item:hover .icon:before,
.pricing--item.active .icon:before {
    background-color: #0165ab;
}

.pricing--item .icon:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 100px;
    height: 1px;
    margin: 0 auto;
    background-color: #0165ab;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
}

.pricing--item:hover .icon:after,
.pricing--item:hover .icon:after {
    background-color: #324a5e;
}

.pricing--item .icon img {
    max-width: 100px;
    margin: 0 auto;
    background-color: #f9f9f9;
    border-radius: 50%;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.pricing--item .features {
    padding-left: 30px;
    padding-right: 30px;
}

.pricing--item .icon + .features {
    margin-top: 19px;
}

.pricing--item .features .nav li {
    color: #555;
    font-size: 16px;
    line-height: 34px;
    font-weight: 500;
}

.pricing--item .features .nav li .fa {
    color: #0165ab;
    margin-right: 7px;
}

.pricing--item .features .nav li span {
    color: #0165ab;
}

.pricing--item .action {
    margin-top: 32px;
}

.pricing--item:hover .action .btn-default,
.pricing--item.active .action .btn-default {
    border-color: #324a5e;
}

.pricing--item:hover .action .btn-default:before,
.pricing--item.active .action .btn-default:before {
    background-color: #324a5e;
}

/*------------------------------------*\
    14. TEAM SECTION
\*------------------------------------*/
.team--section .section--footer {
    margin-top: 10px;
}

/* 14.1. TEAM MEMBER */
.team--member {
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
}

.team--member .img {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.team--member:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.team--member .img:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index: 0;
}

.team--member:hover .img:before {
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.team--member .img .social {
    position: absolute;
    top: 50%;
    left: -60px;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: 0;
    padding: 20px 0 16px;
    list-style: none;
    color: #fff;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    z-index: 1;
}

.team--member:hover .img .social {
    left: 0;
}

.team--member .img .social:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0165ab;
    opacity: 0.6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    z-index: -1;
}

.team--member .img .social li a {
    display: block;
    padding: 6px 21px 7px;
    font-size: 14px;
    line-height: 24px;
}

.team--member .img .social li a:hover,
.team--member .img .social li a:focus {
    /*color: #324a5e;*/
	color: #f8f8f8;
}

.team--member .info {
    padding: 13px 20px 12px;
    text-align: center;
}

.team--member .info .h4 {
    font-size: 18px;
    line-height: 28px;
    -webkit-transition: color .25s;
    transition: color .25s;
}

.team--member:hover .info .h4 {
    color: #0165ab;
}

.team--member .info .h4 + p {
    margin-top: 3px;
}

/*------------------------------------*\
    15. GALLERY SECTION
\*------------------------------------*/
/* 15.1. GALLERY SLIDER */
.gallery--slider {
    margin-top: -10px;
}

/* 15.2. GALLERY ITEM */
.gallery--item {
    position: relative;
    margin-bottom: 60px;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    overflow: hidden;
    z-index: 0;
}

.gallery--slider .gallery--item {
    margin-top: 10px;
}

.gallery--item:hover {
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
}

.gallery--item .img a {
    display: block;
    position: relative;
    z-index: 0;
}

.gallery--item .img a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0165ab;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .55s ease-in-out;
    transition: opacity .55s ease-in-out;
    z-index: 1;
}

.gallery--item:hover .img a:before {
    opacity: 0.85;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
}

.gallery--item .img a:after {
    content: "\f002";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -60px;
    color: #fff;
    font-family: "FontAwesome";
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index: 1;
}

.gallery--item:hover .img a:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.gallery--item .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50%;
    padding: 12px 15px 12px 89px;
    background-color: #fff;
    -webkit-transition: bottom .55s ease-in-out;
    transition: bottom .55s ease-in-out;
    z-index: 1;
}

.gallery--item:hover .info {
    bottom: 0;
}

.gallery--item .info .like {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -24px;
    padding: 10px 15px;
    color: #fff;
    background-color: #324a5e;
}

.gallery--item .info .content {
    overflow: hidden;
}

.gallery--item .info .content .title .h5 {
    font-size: 16px;
    line-height: 26px;
}

.gallery--item .info .content .sub-title {
    color: #999;
    font-weight: 300;
}

/* 15.3. GALLERY DETAILS */
.gallery--details p {
    margin-bottom: 20px;
}

.gallery--details p:last-child {
    margin-bottom: 0;
}

.gallery--details ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
}

.gallery--details ul li:before {
    content: "\f22d";
    display: inline-block;
    margin-right: 10px;
    color: #0165ab;
    font-family: "FontAwesome";
}

.gallery--details ul li + li {
    margin-top: 5px;
}

.gallery--details .title {
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 18px;
    font-size: 24px;
    line-height: 34px;
}

.gallery--details .info + .title {
    margin-top: 54px;
}

.gallery--details p + .title,
.gallery--details .row + .title {
    margin-top: 46px;
}

.gallery--details .title:before,
.gallery--details .title:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50px;
    height: 1px;
    background-color: #324a5e;
}

.gallery--details .title:before {
    bottom: 6px;
    max-width: 150px;
}

.gallery--details .info {
    position: relative;
    z-index: 0;
}

.gallery--details .info--img {
    position: absolute;
    top: 0;
    left: 0;
    right: 130px;
    bottom: 0;
    overflow: hidden;
}

.gallery--details .info--img:before {
    background-color: #000;
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}

.gallery--details .info-content {
    margin: 20px 0;
    padding: 7px 20px;
    background-color: #fff;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.2);
}

.gallery--details .info-content .table tbody tr th,
.gallery--details .info-content .table tbody tr td {
    position: relative;
    padding: 10px 0;
    border: 0;
}

.gallery--details .info-content .table tbody tr th {
    padding-right: 15px;
    color: #222;
    font-weight: 500;
}

.gallery--details .info-content .table tbody tr td {
    padding-left: 17px;
}

.gallery--details .info-content .table tbody tr td:before {
    content: ":";
    position: absolute;
    left: 0;
}

.gallery--details .info-content .table ul li:before {
    display: none;
}

.gallery--details .info-content .tags--widget,
.gallery--details .info-content .social--widget {
    margin-top: -4px;
    margin-bottom: 0;
}

/*------------------------------------*\
    16. PRODUCTS SECTION
\*------------------------------------*/
.products--section .pagination--wrapper {
    margin-top: -25px;
}

/* 16.1. PRODUCT ITEM */
.product--item {
    position: relative;
    margin-bottom: 60px;
    -webkit-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    overflow: hidden;
    z-index: 0;
}

.product--item:hover {
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
}

.product--item .offer {
    display: block;
    position: absolute;
    top: 20px;
    left: 0;
    padding: 3px 20px;
    color: #fff;
    background-color: #0165ab;
    font-size: 13px;
    line-height: 24px;
    z-index: 1;
}

.product--item .img {
    position: relative;
    z-index: 0;
}

.product--item .img:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index: 1;
}

.product--item:hover .img:before {
    opacity: 0.35;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
}

.product--item .img .buttons {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 0;
    line-height: 0;
    text-align: center;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    z-index: 1;
}

.product--item:hover .img .buttons {
    left: 0;
    right: 0;
}

.product--item .img .buttons li {
    display: inline-block;
    margin: 0 5px;
    -webkit-transition: opacity .25s ease-in-out .3s;
    transition: opacity .25s ease-in-out .3s;
}

.product--item .img .buttons li + li {
    -webkit-transition-delay: .25s;
            transition-delay: .25s;
}

.product--item .img .buttons li + li + li {
    -webkit-transition-delay: .2s;
            transition-delay: .2s;
}

.product--item .img .buttons li:not(:last-child) {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.product--item:hover .img .buttons li {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product--item .img .buttons li a {
    display: block;
    position: relative;
    width: 40px;
    color: #222;
    border: 1px solid #0165ab;
    font-size: 14px;
    line-height: 38px;
    z-index: 0;
}

.product--item .img .buttons li a:hover {
    color: #fff;
}

.product--item .img .buttons li a:before {
    content: " ";
    position: absolute;
    top: 2px;
    left: 2px;
    right: 2px;
    bottom: 2px;
    background-color: transparent;
    -webkit-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    z-index: -1;
}

.product--item .img .buttons li a:hover:before {
    background-color: #0165ab;
}

.product--item .info {
    padding: 15px 20px 12px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #eee;
    -webkit-transition: border-color .25s ease-in-out;
    transition: border-color .25s ease-in-out;
}

.product--item:hover .info {
    border-color: transparent;
}

.product--item .info .title {
    margin-bottom: 8px;
}

.product--item .price {
    margin-bottom: 9px;
    color: #0165ab;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}

.product--item .price del {
    margin-right: 10px;
    color: #999;
    font-size: 14px;
    line-height: 24px;
}

.product--item .info .rating {
    margin: 0 -2px;
    color: #999;
    font-size: 0;
    line-height: 0;
}

.product--item .info .rating .fa {
    margin: 0 2px;
    font-size: 14px;
    line-height: 24px;
}

.product--item .info .aviablity {
    color: #999;
    font-weight: 500;
}

.product--item .info .aviablity strong {
    color: #222;
    font-weight: 500;
}

/* 16.2. PRODUCT SINGLE IMAGE */
.product-single--img .owl-carousel {
    margin-top: 30px;
}

.product-single--img .owl-carousel .item a {
    display: block;
    position: relative;
    z-index: 0;
}

.product-single--img .owl-carousel .item a:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0165ab;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index: 1;
}

.product-single--img .owl-carousel .item.active a:before {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.product-single--img .owl-nav {
    position: absolute;
    top: -65px;
    right: 10px;
}

.product-single--img .owl-nav > div {
    display: inline-block;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    min-width: 0;
    margin: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
    font-size: 24px;
    line-height: 34px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-single--img .owl-nav > div:not(:hover) {
    color: #222;
}

.product-single--img .owl-nav > .owl-next:before {
    content: "/";
    margin: 0 5px;
    color: #222;
    font-family: "Times New Roman", sans-serif;
}

.product-single--img .owl-nav .fa-long-arrow-left:before {
    content: "\f104";
}

.product-single--img .owl-nav .fa-long-arrow-right:before {
    content: "\f105";
}

/* 16.3. PRODUCT SINGLE SUMMERY */
.product-single--summery .title .h4 {
    margin-top: -7px;
    font-size: 18px;
    line-height: 28px;
}

.product-single--summery .meta {
    margin-top: 18px;
}

.product-single--summery .meta .rating {
    display: inline-block;
    margin: 0 14px 0 -2px;
    font-size: 0;
    line-height: 0;
}

.product-single--summery .meta .rating .fa {
    margin: 0 2px;
    font-size: 14px;
    line-height: 24px;
}

.product-single--summery .price {
    margin-top: 16px;
    margin-bottom: 16px;
    color: #0165ab;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}

.product-single--summery .meta-other {
    margin-bottom: 17px;
    color: #999;
}

.product-single--summery .meta-other strong {
    display: inline-block;
    color: #222;
    font-weight: 500;
}

.product-single--summery .product--quantity {
    margin-top: 22px;
}

.product-single--summery .cats,
.product-single--summery .tags,
.product-single--summery .social {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
    color: #999;
}

.product-single--summery .social {
    cursor: default;
}

.product-single--summery .cats li,
.product-single--summery .tags li,
.product-single--summery .social li {
    display: inline-block;
}

.product-single--summery .cats li + li:not(:last-child):after {
    content: ",";
}

.product-single--summery .cats li span,
.product-single--summery .tags li span,
.product-single--summery .social li span {
    /*color: #222;*/;
	color: #fff;
    font-weight: 500;
}

.product-single--summery .social li span {
    margin-right: 10px;
}

.product-single--summery .tags li + li + li {
    margin-left: 3px;
}

.product-single--summery .tags li a {
    text-decoration: underline;
}

.product-single--summery .social li + li:not(:last-child):after {
    content: "|";
    margin: 0 15px;
}

/* 16.4. PRODUCT SINGLE TABS */
.product-single--tabs {
    padding-top: 30px;
    border-top: 1px solid #eee;
}

.product-single--tabs .tabs--nav {
    margin: -10px -5px 30px;
    font-size: 0;
    line-height: 0;
}

.product-single--tabs .tabs--nav > li {
    display: inline-block;
    margin: 10px 5px 0;
}

.product-single--tabs .tabs--nav > li > a {
    padding: 5px 30px;
    font-family: "Lora", serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.product-single--tabs .tabs--nav > li > a {
    color: #222;
    border-color: #0165ab;
}

.product-single--tabs .tabs--nav > li > a:before {
    background-color: transparent;
}

.product-single--tabs .tabs--nav > li.active > a {
    color: #fff;
}

.product-single--tabs .tabs--nav > li.active > a:before {
    background-color: #0165ab;
}

.product-single--tabs .tab-content p {
    margin-bottom: 20px;
}

.product-single--tabs .tab-content p:last-child {
    margin-bottom: 0;
}

.product-single--tabs .tab-content .table tbody tr th,
.product-single--tabs .tab-content .table tbody tr td {
    padding: 13px 20px;
    text-align: center;
    vertical-align: middle;
}

.product-single--tabs .tab-content .table tbody tr th:first-child,
.product-single--tabs .tab-content .table tbody tr td:first-child {
    width: 30%;
}

.product-single--tabs .tab-content .table tbody tr th {
    color: #222;
    font-family: "Lora", serif;
    font-weight: 700;
}

/* 16.5. RELATED PRODUCTS */
.related--products {
    margin-top: 33px;
}

.related--products > .title .h4 {
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 19px;
    font-size: 18px;
    line-height: 28px;
}

.related--products > .title .h4:before,
.related--products > .title .h4:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50px;
    height: 1px;
    background-color: #324a5e;
}

.related--products > .title .h4:after {
    max-width: 150px;
    bottom: 6px;
}

/*------------------------------------*\
    17. CART SECTION
\*------------------------------------*/
/* 17.1. CART ITEMS */
.cart--items .table {
    margin-bottom: 0;
    border-color: #eee;
}

.cart--items .table thead tr th,
.cart--items .table tbody tr td {
    padding: 0;
    border-color: #eee;
    text-align: center;
    vertical-align: middle;
}

.cart--items .table thead tr th {
    padding: 16px 20px;
    color: #222;
    background-color: #eee;
    border-bottom-width: 0;
    font-family: "Lora", serif;
    font-size: 18px;
    line-height: 28px;
    font-weight: 700;
}

.cart--items .table tbody tr td {
    padding: 15px;
    border-width: 1px 0;
}

.cart--items .table tbody tr td .img {
    display: inline-block;
    position: relative;
    z-index: 0;
}

.cart--items .table tbody tr td .img:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0165ab;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out;
    z-index: 1;
}

.cart--items .table tbody tr:hover td .img:before {
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

.cart--items .product--quantity .ui-spinner {
    margin-top: 0;
    margin-right: 0;
}

.cart--items .footer {
    padding: 30px 45px;
    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #eee;
}

.cart--items .footer .coupon--code {
    max-width: 410px;
}

.cart--items .footer .coupon--code .form-control {
    background-color: #f0f0f0;
}

.cart--items .footer .coupon--code .btn {
    padding-top: 6px;
    padding-bottom: 6px;
}

/* 17.2. CART TOTAL */
.cart--total .title .h4 {
    position: relative;
    padding-bottom: 19px;
    font-size: 18px;
    line-height: 28px;
}

.cart--total .title .h4:before,
.cart--total .title .h4:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50px;
    height: 1px;
    background-color: #324a5e;
}

.cart--total .title .h4:after {
    max-width: 150px;
    bottom: 6px;
}

.cart--total .table {
    margin-bottom: 10px;
}

.cart--total .title + .table {
    margin-top: 29px;
}

.cart--total .table tbody tr td {
    padding: 11px 20px 9px;
    background-color: #f0f0f0;
    border-color: #fff;
}

.cart--total .table tbody tr td + td {
    text-align: right;
}

/*------------------------------------*\
    18. CHECKOUT SECTION
\*------------------------------------*/
/* 18.1. CHECKOUT INFO */
.checkout--info + .checkout--info {
    margin-top: 30px;
}

.checkout--info .title {
    padding: 19px 20px 17px;
    color: #999;
    background-color: #f0f0f0;
}

.checkout--info .title .fa {
    color: #0165ab;
}

.checkout--info .title a {
    display: inline-block;
    color: #777;
    font-weight: 500;
}

.checkout--info .title a:hover,
.checkout--info .title a.active {
    color: #0165ab;
}

.checkout--info-form {
    display: none;
    padding-top: 30px;
}

.checkout--info-form p {
    margin-bottom: 19px;
}

.checkout--info-form p:last-child {
    margin-bottom: 0;
}

.checkout--info-form .form-group {
    margin-bottom: 30px;
}

.checkout--info-form .form-group label span {
    display: inline-block;
}

.checkout--info-form .submit-btn-group {
    font-size: 0;
    line-height: 0;
}

.checkout--info-form .checkbox {
    display: inline-block;
    margin: 0;
    color: #999;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
}

.checkout--info-form .checkbox input {
    display: none;
}

.checkout--info-form .checkbox span {
    position: relative;
    display: block;
    padding-left: 19px;
}

.checkout--info-form .checkbox span:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border: 1px solid #eee;
}

.checkout--info-form .checkbox span:after {
    content: "\f00c";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    margin-top: -10px;
    font-family: "FontAwesome";
    font-size: 8px;
    line-height: 18px;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.checkout--info-form .checkbox input:checked + span:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.checkout--info-form .help-block {
    margin-top: 24px;
    color: #999;
}

.checkout--info-form .help-block a {
    text-decoration: underline;
}

.checkout--info-form .input-group {
    max-width: 450px;
}

.checkout--info-form .input-group .form-control {
    background-color: #f0f0f0;
}

.checkout--info-form .input-group-btn .btn {
    padding-top: 6px;
    padding-bottom: 6px;
}

/* 18.2. CHECKOUT BILLING INFO */
.checkout--info + .checkout--billing-info .title {
    margin-top: 56px;
}

.checkout--billing-info .title .h4 {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 19px;
    font-size: 18px;
    line-height: 28px;
}

.checkout--billing-info .title .h4:before,
.checkout--billing-info .title .h4:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50px;
    height: 1px;
    background-color: #324a5e;
}

.checkout--billing-info .title .h4:after {
    bottom: 6px;
    max-width: 150px;
}

.checkout--billing-info .checkbox {
    display: inline-block;
    margin: 0;
    color: #999;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
}

.checkout--billing-info .checkbox label {
    padding-left: 0;
    padding-right: 0;
}

.checkout--billing-info .checkbox input {
    display: none;
}

.checkout--billing-info .checkbox span {
    position: relative;
    display: block;
    padding-left: 19px;
}

.checkout--billing-info .checkbox span:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border: 1px solid #eee;
}

.checkout--billing-info .checkbox span:after {
    content: "\f00c";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    margin-top: -10px;
    font-family: "FontAwesome";
    font-size: 8px;
    line-height: 18px;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.checkout--billing-info .checkbox input:checked + span:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.checkout--billing-info .checkbox + #createAcc .form-group {
    margin-top: 16px;
}

/* 18.3. CHECKOUT ORDER INFO */
.checkout--order-info {
    margin-top: 22px;
    padding-top: 26px;
    border-top: 1px solid #eee;
}

.checkout--billing-info .checkout--order-info .title {
    margin-top: 0;
}

.checkout--order-info .table tbody tr th,
.checkout--order-info .table tbody tr td {
    position: relative;
    padding: 11px 20px 9px;
    background-color: #f9f9f9;
    border-width: 1px 0;
    border-color: #fff;
    z-index: 0;
}

.checkout--order-info .table tbody tr th + th,
.checkout--order-info .table tbody tr td + td {
    text-align: right;
}

.checkout--order-info .table tbody tr th + th:before,
.checkout--order-info .table tbody tr td + td:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 1px;
    background-color: #eee;
}

.checkout--order-info .table tbody tr th {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    background-color: #f9f9f9;
}

.checkout--order-info .panel-group {
    margin-bottom: 0;
}

.checkout--order-info .panel-group .panel {
    border: 0;
    box-shadow: none;
}

.checkout--order-info .panel-group .panel + .panel {
    margin-top: 16px;
}

.checkout--order-info .panel-group .panel-heading {
    padding: 0;
    border-radius: 0;
}

.checkout--order-info .panel-group .panel-title label input {
    display: none;
}

.checkout--order-info .panel-group .panel-title label {
    position: relative;
    margin-bottom: 0;
    color: #0165ab;
    cursor: pointer;
}

.checkout--order-info .panel-group .panel-title label.collapsed {
    color: #999;
}

.checkout--order-info .panel-group .panel-title label span {
    display: block;
    padding-left: 20px;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
}

.checkout--order-info .panel-group .panel-title label span:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    border: 1px solid #eee;
    border-radius: 50%;
}

.checkout--order-info .panel-group .panel-title label span:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 3px;
    width: 4px;
    height: 4px;
    margin-top: -3px;
    background-color: #999;
    border-radius: 50%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: opacity .25s;
    transition: opacity .25s;
}

.checkout--order-info .panel-group .panel-title label input:checked + span:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.checkout--order-info .panel-group .panel-collapse .panel-body {
    border: 0;
    padding: 8px 0 0;
    color: #999;
    font-weight: 300;
}

.checkout--order-info .submit-btn {
    margin-top: 25px;
}

/*------------------------------------*\
    19. BLOG SECTION
\*------------------------------------*/
/* 19.1. POST ITEM */
.post--item {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.post--item .video {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.post--item .video .embed-responsive-item,
.post--item .video embed,
.post--item .video iframe,
.post--item .video object,
.post--item .video video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.post--item .img + .title,
.post--item .video + .title {
    margin-top: 22px;
}

.post--item .title .h4 {
    font-size: 18px;
    line-height: 28px;
}

.post--item .title + .meta,
.post--item .video + .meta {
    margin-top: 20px;
}

.post--item .meta {
    color: #999;
    font-weight: 300;
}

.post--item .content:before,
.post--item .content:after {
    content: " ";
    display: table;
}

.post--item .content:after {
    clear: both;
}

.post--item .content p {
    margin-bottom: 20px;
    text-indent: 2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: justify;
}

.post--item .content p:last-child {
    margin-bottom: 0;
}

.post--item .content h1 {
    margin-bottom: 20px;
    font-size: 48px;
    line-height: 68px;
}

.post--item .content h2 {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 28px;
}

.post--item .content h3,
.post--item .content h4,
.post--item .content h5,
.post--item .content h6 {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
}

.post--item .content img.align-left {
    float: left;
    margin-right: 30px;
    margin-bottom: 20px;
}

.post--item .content img.align-right {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
}

.post--item .content img.align-none {
    float: none;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.post--item .content blockquote {
    margin-bottom: 30px;
    padding: 26px 0 27px;
    color: #222;
    border-style: solid;
    border-width: 1px 0;
    border-color: #eee;
    overflow: hidden;
}

.post--item .content blockquote > p {
    margin-bottom: 17px;
    margin-right: 15px;
    font-family: "Lora", serif;
    font-size: 18px;
    line-height: 28px;
    font-style: italic;
}

.post--item .content blockquote > p:before {
    content: "\f10d";
    display: inline-block;
    margin-left: 1px;
    margin-right: 15px;
    font-family: "FontAwesome";
    font-style: normal;
}

.post--item .content blockquote footer {
    position: relative;
    padding-left: 12px;
}

.post--item .content blockquote footer:before {
    content: " ";
    position: absolute;
    top: 6px;
    left: 0;
    bottom: 3px;
    width: 2px;
    background-color: #ccc;
}

.post--item .content blockquote footer h4 {
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.post--item .content p:last-child {
    margin-top: 3px;
    margin-bottom: 0;
}

.post--item .action {
    margin-top: 20px;
}

.post--item .meta + .content,
.post--item .meta + .action {
    margin-top: 17px;
}

.post--footer .meta {
    margin-top: -5px;
}

.post--footer .meta .nav {
    margin-bottom: 25px;
    color: #999;
}

.post--footer .meta .nav > li {
    display: inline-block;
}

.post--footer .meta .nav > li + li:not(:last-child):after {
    content: ",";
}

.post--footer .meta .nav > li > span {
    color: #777;
}

.post--footer .meta .nav > li > span .fa {
    margin-right: 10px;
}

.post--footer .meta .nav > li > a {
    display: inline-block;
    padding: 0;
}

.post--footer .author {
    padding: 30px 0 0;
    border-top: 1px solid #eee;
    text-align: center;
}

.post--footer .author .img {
    position: relative;
    z-index: 0;
}

.post--footer .author .img:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #fafafa;
    z-index: -1;
}

.post--footer .author .img img {
    border: 3px solid #fff;
    /*border-radius: 50%;*/
}

.post--footer .author .name {
    padding-top: 24px;
    padding-bottom: 16px;
    color: #555;
    background-color: #fafafa;
    font-size: 16px;
    line-height: 26px;
    font-weight: 500;
}

.post--footer .author .desc {
    padding: 0 30px 25px;
    background-color: #fafafa;
}

.post--footer .footer-nav {
    margin-top: 27px;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.post--footer .footer-nav .next {
    float: right;
}

.post--footer .footer-nav .next .fa {
    margin-left: 10px;
}

.post--footer .footer-nav .prev {
    float: left;
}

.post--footer .footer-nav .prev .fa {
    margin-right: 10px;
}

.post--footer .footer-nav .social {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
    /*color: #999;*/
	color: #fff;
}

.post--footer .footer-nav .social li {
    display: inline-block;
}

.post--footer .footer-nav .social li a {
    display: block;
    padding: 0 11px;
}

/*------------------------------------*\
    20. FAQ SECTION
\*------------------------------------*/
/* 20.1. FAQ Content */
.faq--content .sub-title {
    margin-top: -6px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
}

.faq--content .sub-title + .body {
    margin-top: 22px;
}

.faq--content .action {
    margin-top: 25px;
}

/* 20.2. FAQ Form */
.faq--form {
    padding: 22px 30px 30px;
    background-color: #fff;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
}

.faq--form .status .alert {
    margin-bottom: 14px;
    border-radius: 0;
}

.faq--form .title {
    color: #555;
    margin-bottom: 15px;
}

.faq--form .title .h4 {
    font-size: 18px;
    line-height: 30px;
    text-align: center;
}

.faq--form form .btn {
    margin-top: 15px;
}

/*------------------------------------*\
    21. TESTIMONIAL SECTION
\*------------------------------------*/
.testimonial--section {
    background-position: top center;
}

/* 21.1. TESTIMONIAL CLIENTS */
.testimonial--clients {
    max-width: 480px;
    margin: 0 auto;
}

.testimonial--clients .item {
    padding: 17px 15px;
    border: 1px solid transparent;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
    -webkit-transition: border-color .25s, padding .25s ease-in-out, -webkit-filter .25s ease-in-out;
    transition: border-color .25s, padding .25s ease-in-out, -webkit-filter .25s ease-in-out;
    transition: border-color .25s, padding .25s ease-in-out, filter .25s ease-in-out;
    transition: border-color .25s, padding .25s ease-in-out, filter .25s ease-in-out, -webkit-filter .25s ease-in-out;
}

.testimonial--clients .owl-item.active + .active .item {
    padding: 3px;
    border-color: #0165ab;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(0);
            filter: grayscale(0);
}

.testimonial--clients .owl-item.active + .active + .active .item {
    padding: 17px 15px;
    border-color: transparent;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%);
}

/* 21.2. TESTIMONIAL INFO */
.testimonial--clients + .testimonial--info {
    margin-top: 13px;
}

.testimonial--info {
    text-align: center;
}

.testimonial--info .header .title .h4 {
    font-size: 18px;
    line-height: 28px;
}

.testimonial--info .header .sub-title {
    font-size: 16px;
    line-height: 26px;
}

.testimonial--info .header + .body {
    margin-top: 12px;
}

.testimonial--info .body blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 24px;
}

.testimonial--info .body blockquote p:before {
    content: "\f10d";
    margin-right: 8px;
    font-family: "FontAwesome";
    font-size: 24px;
    line-height: 34px;
}

/*------------------------------------*\
    22. SUBSCRIBE SECTION
\*------------------------------------*/
/* 22.1. SUBSCRIBE FORM */
.subscribe--form {
    max-width: 670px;
    margin: 0 auto;
    text-align: center;
}

.subscribe--form p {
    margin-bottom: 0;
}

.subscribe--form p + form {
    margin-top: 42px;
}

.subscribe--form .form-control {
    padding-left: 0;
    padding-right: 0;
    border-width: 0 0 1px;
    text-align: center;
}

.subscribe--form .status {
    display: none;
    color: #999;
    font-weight: 300;
}

.subscribe--form form .btn {
    margin-top: 15px;
}

/*------------------------------------*\
    23. COMING SOON SECTION
\*------------------------------------*/
.coming-soon--section {
    background-color: #020202;
    text-align: center;
}

/* 23.1. COMING SOON CONTENT */
.coming-soon--content .logo + .title {
    margin-top: 51px;
}

.coming-soon--content .title .h1 {
    color: #fff;
    font-size: 36px;
    line-height: 46px;
}

.coming-soon--content .sub-title {
    margin-top: 23px;
    margin-bottom: 23px;
    font-size: 24px;
    line-height: 34px;
}

.coming-soon--content .countdown ul {
    margin: -25px -20px 0;
    padding: 0;
    list-style: none;
    color: #fff;
    font-size: 0;
    line-height: 0;
}

.coming-soon--content .countdown ul li {
    display: inline-block;
    position: relative;
    margin: 25px 20px 0;
    padding-right: 21px;
    border-bottom: 2px solid #0165ab;
}

.coming-soon--content .countdown ul li strong {
    display: block;
    font-family: "Lora", serif;
    font-size: 100px;
    line-height: 96px;
}

.coming-soon--content .countdown ul li span {
    display: block;
    position: absolute;
    right: -30px;
    bottom: 31px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    width: 70px;
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    text-align: left;
}

.coming-soon--content .subscribe {
    margin-top: 34px;
}

.coming-soon--content .subscribe p {
    font-size: 18px;
    line-height: 28px;
}

.coming-soon--content .subscribe form {
    max-width: 570px;
    margin: 0 auto;
}

.coming-soon--content .subscribe p + form {
    margin-top: 31px;
}

.coming-soon--content .subscribe form .input-group:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #555;
}

.coming-soon--content .subscribe form .form-control {
    color: #fff;
    border-color: transparent;
}

.coming-soon--content .subscribe form .btn {
    border-color: transparent;
}

.coming-soon--content .subscribe form .btn:before {
    background-color: #0165ab;
}

.coming-soon--content .subscribe form .status {
    margin-top: 9px;
    font-size: 16px;
    line-height: 26px;
}

.coming-soon--content .social--widget {
    margin: 36px 0 0;
}

.coming-soon--content .social--widget li {
    margin: 0 11px;
}

.coming-soon--content .copyright {
    margin-top: 27px;
    color: #ddd;
    font-size: 16px;
    line-height: 26px;
    font-weight: 300;
}

.coming-soon--content .copyright p a {
    color: #0165ab;
}

/*------------------------------------*\
    24. 404 SECTION
\*------------------------------------*/
.f0f--section {
    position: relative;
    z-index: 0;
}

/* 24.1. 404 ERROR */
.f0f--error {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #f2f2f2;
    font-family: "Lora", serif;
    font-size: 300px;
    line-height: 210px;
    font-weight: 700;
    text-align: center;
    z-index: -1;
}

/* 24.2. 404 CONTENT */
.f0f--content {
    text-align: center;
}

.f0f--content .img + .title {
    margin-top: 53px;
}

.f0f--content .title .h1 {
    font-family: "Roboto", sans-serif;
    font-size: 24px;
    line-height: 34px;
    font-weight: normal;
}

.f0f--content .title .h1 span {
    color: #0165ab;
}

.f0f--content .content {
    margin-top: 52px;
}

.f0f--content .buttons {
    margin-top: 9px;
}

.f0f--content .buttons > .btn,
.f0f--content .buttons > .search--widget {
    margin-top: 15px;
}

.f0f--content .buttons > .btn {
    margin-left: 6px;
    margin-right: 6px;
}

.f0f--content .buttons > .btn .fa {
    margin-right: 10px;
}

.f0f--content .buttons .search--widget {
    display: inline-block;
    max-width: 350px;
    vertical-align: middle;
}

/*------------------------------------*\
    25. CONTACT SECTION
\*------------------------------------*/
.contact--section {
    position: relative;
    z-index: 0;
}

/* 25.1. CONTACT BACKGROUND IMAGE */
.contact--bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.contact--bg-img .container,
.contact--bg-img .row,
.contact--bg-img .row > div,
.contact--bg-img .bg--img {
    height: 100%;
}

.contact--bg-img .bg--overlay:before {
    opacity: 0.95;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

/* 25.2. CONTACT INFO ITEM */
.contact--info-item {
    margin-bottom: 60px;
    text-align: center;
}

.contact--info-item .icon {
    margin-bottom: 15px;
}

.contact--info-item .title .h4 {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 19px;
    font-size: 18px;
    line-height: 28px;
}

.contact--info-item .title .h4:before,
.contact--info-item .title .h4:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50px;
    height: 1px;
    margin: 0 auto;
    background-color: #324a5e;
}

.contact--info-item .title .h4:after {
    bottom: 6px;
    max-width: 150px;
}

.contact--info-item p {
    margin-bottom: 0;
}

/* 25.3. CONTACT FORM */
.contact--form {
    padding: 24px 30px 30px;
    background-color: #fff;
    box-shadow: 0 1px 20px rgba(0, 0, 0, 0.1);
}

.contact--form .status .alert {
    margin-top: -5px;
    margin-bottom: 15px;
    border-radius: 0;
}

.contact--form .form-group {
    margin-bottom: 15px;
}

.contact--form .title {
    margin-bottom: 25px;
    text-align: center;
}

.contact--form .title .h2 {
    position: relative;
    padding-bottom: 19px;
    font-size: 24px;
    line-height: 34px;
}

.contact--form .title .h2:before,
.contact--form .title .h2:after {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 50px;
    height: 1px;
    margin: 0 auto;
    background-color: #324a5e;
}

.contact--form .title .h2:after {
    bottom: 6px;
    max-width: 150px;
}

.contact--form .btn {
    margin-top: 15px;
}

/*------------------------------------*\
    26. FOOTER SECTION
\*------------------------------------*/
/* 26.1. FOOTER WIDGETS */
.footer--widgets {
border-top:1px #dddddd solid;
    /*padding-top: 60px;*/
	padding-top: 20px;
    /*color: #dddddd;*/
	color: #000000;
    /*background-color: #324a5e;*/
	background-color: #fff;
}

.footer--widgets .widget {
    margin-bottom: 52px;
}

.footer--widgets .widget--title .h4 {
    /*color: #ddd;*/
	color: #000;
     /*border-color: #42586b; */
}

.footer--widgets .recent-posts--widget li + li {
    border-color: #42586b;
}

/* 26.2. FOOTER COPYRIGHT */
.footer--copyright {
   
    padding-top: 18px;
    /*color: #ddd;*/
	color: #fff;
    /*background-color: #34536d;*/
	background-color: #0165ab;
    font-weight: 300;
}
.footer--copyright .container{ width:1360px}
.footer--copyright p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
}

.footer--copyright p a {
    /*color: #0165ab;*/
	color: #fff;
}

.footer--copyright .social {
    margin-bottom: 15px;
}

.footer--copyright .social li {
    float: left;
	padding-left:10px;
	border-left: 1px solid #fff;
}

.footer--copyright .social li + li {
    margin-left: 10px;
}

.footer--copyright .social li a {
    padding: 0;
}
.footer--copyright .social li a:hover {
color:#999999;
}
/*------------------------------------*\
    27. BACK TO TOP BUTTON
\*------------------------------------*/
.back-to-top-btn {
    position: fixed;
    right: 35px;
    bottom: 35px;
    width: 40px;
    color: #324a5e;
    background-color: #ddd;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    -webkit-transition-property: opacity, visibility;
    transition-property: opacity, visibility;
    -webkit-transition-duration: .25s;
            transition-duration: .25s;
    -webkit-transition-timing-function: ease-in-out;
            transition-timing-function: ease-in-out;
    z-index: 999;
}

body.isScrolling .back-to-top-btn {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    visibility: visible;
}

.back-to-top-btn a {
    display: block;
    padding: 5px 0 7px;
}

.img0{width:18em}
.article0{width:50%;float:left}